import React, { useState, useEffect } from 'react'; export default function FunnelPage({ branding, navigate, onContactSubmit }) { const [formData, setFormData] = useState({ name: '', email: '', phone: '', message: '' }); const [formStatus, setFormStatus] = useState('idle'); const [linkFormOpen, setLinkFormOpen] = useState(false); const [linkFormData, setLinkFormData] = useState({ contact: '' }); const [linkStatus, setLinkStatus] = useState('idle'); const [faqOpen, setFaqOpen] = useState({}); const shareUrl = 'https://cassiesalinas.the2mortgageguys.com'; const wymanLogoUrl = 'https://ykpmcgklarfoqsorbdgf.supabase.co/storage/v1/object/public/chat_images/website-builder/user_3AioUjXgnsB985pBlXfjAv6csGU/1779993260890.jpg'; const handleLinkSubmit = (e) => { e.preventDefault(); if (!linkFormData.contact.trim()) return; const contact = linkFormData.contact.trim(); const isEmail = contact.includes('@'); if (isEmail) { window.location.href = 'mailto:' + contact + '?subject=' + encodeURIComponent('The 2 Mortgage Guys Home Buying Team') + '&body=' + encodeURIComponent('Check out this page: ' + shareUrl); setLinkStatus('opening-email'); } else { const cleaned = contact.replace(/\D/g, ''); window.location.href = 'sms:' + cleaned + '?body=' + encodeURIComponent(shareUrl); setLinkStatus('opening-sms'); } setTimeout(() => setLinkStatus('done'), 2500); }; const handleFormSubmit = async (e) => { e.preventDefault(); if (!formData.name.trim() || !formData.email.trim()) return; setFormStatus('sending'); try { await onContactSubmit({ name: formData.name, email: formData.email, phone: formData.phone, message: formData.message, }); setFormStatus('sent'); setFormData({ name: '', email: '', phone: '', message: '' }); } catch (err) { setFormStatus('error'); } }; const toggleFaq = (idx) => { setFaqOpen((prev) => ({ ...prev, [idx]: !prev[idx] })); }; const scrollToForm = () => { const el = document.getElementById('preapproval-form'); if (el) el.scrollIntoView({ behavior: 'smooth' }); }; useEffect(() => { const obs = new IntersectionObserver( (entries) => { entries.forEach((entry) => { if (entry.isIntersecting) entry.target.classList.add('reveal-visible'); }); }, { threshold: 0.1 } ); document.querySelectorAll('.reveal-on-scroll').forEach((el) => obs.observe(el)); return () => obs.disconnect(); }, []); const lenderReviews = [ { author: 'Lauren G.', text: 'HIGHLY recommend working with The 2 Mortgage Guys. Steve and Angie made refinancing my home simple and stress-free. They gave clear, step-by-step direction and truly went above and beyond.', source: 'Google Review' }, { author: 'Whittney B.', text: 'Purchased my second home using The 2 Mortgage Guys both times. The process was smooth from beginning to end with consistent, clear communication. Closed in a month.', source: 'Google Review' }, { author: 'Alex G.', text: 'Ryan is sensational. He helped me and my wife all the way through the home buying process. Very analytical, totally honest, and super supportive. We are so grateful for his team.', source: 'Google Review' }, ]; const realtorReviews = [ { author: 'Heather K.', text: 'Cassie made buying our first home an absolute dream. She walked us through every step, was patient with all our questions, and her knowledge of Howard County neighborhoods saved us from overlooking options.', source: 'Google Review - Kokomo, IN' }, { author: 'Marcus T.', text: 'I have bought and sold several homes over the years, and Cassie Salinas is hands down the best agent I have worked with. She knows the Kokomo market inside and out and priced our home perfectly.', source: 'Google Review - Tipton, IN' }, { author: 'Brenda P.', text: 'Cassie went above and beyond for our family during a long home search. She kept us positive through a competitive market and found the perfect neighborhood for our kids schools.', source: 'Google Review - Peru, IN' }, ]; const faqs = [ { q: 'What is the first step in buying a home?', a: 'Getting pre-approved. This tells you exactly how much home you can afford and shows sellers you are a serious buyer. The 2 Mortgage Guys can get you pre-approved quickly so you can start shopping with confidence.' }, { q: 'How much down payment do I need?', a: 'It depends on the loan program. First-time buyers can qualify with as little as 3% down with conventional loans, or 3.5% with FHA. Qualified veterans may be eligible for zero down with VA financing, and USDA Rural Housing loans are available in eligible areas.' }, { q: 'What is the difference between pre-approval and pre-qualification?', a: 'Pre-qualification is an informal estimate based on what you tell us. Pre-approval means we have verified your income, credit, and assets, and a lender has committed to fund your loan up to a specific amount. Sellers prefer pre-approval.' }, { q: 'Do I need a realtor if I am buying a home?', a: 'Yes. A buyer agent costs you nothing out of pocket and protects your interests. Cassie Salinas from The Wyman Group negotiates on your behalf, handles paperwork, and guides you from search to closing at no cost to you.' }, { q: 'How long does the home buying process take?', a: 'From pre-approval to closing, most transactions take 30 to 45 days. Working with a coordinated team like The 2 Mortgage Guys and The Wyman Group keeps every step moving smoothly.' }, { q: 'What credit score do I need?', a: 'Conventional loans typically require 620-plus, while FHA loans may accept scores as low as 580. Even if your credit needs work, we can create a plan to get you ready. It costs nothing to find out.' }, ]; const firstHomeItems = [ 'How to budget honestly and pre-qualify confidently', 'Down payment options, even with limited savings', 'Choosing the right neighborhood in North Central Indiana', 'The inspection and closing process, demystified', 'Working with your realtor and lender as a team', ]; const homeShopperItems = [ 'AI-powered property search', 'Private and secure browsing', 'Direct connection to your team', 'Real-time market insights', ]; const equityItems = [ { label: 'Market Insights', desc: 'Local trend tracking and forecasts', color: 'cyan' }, { label: 'Equity Analysis', desc: 'Loan-to-value and net equity', color: 'blue' }, { label: 'Value Tracking', desc: 'Month-over-month change alerts', color: 'gold' }, { label: 'Full Report', desc: 'Detailed PDF emailed monthly', color: 'cyan' }, ]; return (

Cassie Salinas & The 2 Mortgage Guys